<nz-divider nzOrientation="left" nzText="Button"></nz-divider>
<button nz-button nzType="primary" style="margin-right: 10px;">Primary Button</button>
<button nz-button nzType="default" style="margin-right: 10px;">Default Button</button>
<button nz-button nzType="dashed" style="margin-right: 10px;"> Dashed Button</button>
<button nz-button nzType="text" style="margin-right: 10px;">Text Button</button>
<a nz-button nzType="link">Link Button</a>

<nz-divider nzOrientation="left" nzText="Input"></nz-divider>

<div nz-row [nzGutter]="16">
  <div nz-col [nzSpan]="8">
    <nz-input-group [nzSuffix]="suffixIconSearch">
      <input type="text" nz-input placeholder="input search text" />
    </nz-input-group>
    <ng-template #suffixIconSearch>
      <i nz-icon nzType="search"></i>
    </ng-template>
  </div>
  <div nz-col [nzSpan]="8">
    <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
      <input type="text" nz-input placeholder="input search text" />
    </nz-input-group>
    <ng-template #suffixIconButton>
      <button nz-button nzType="primary" nzSearch><i nz-icon nzType="search" [nzTheme]="'outline'"></i></button>
    </ng-template>
  </div>
  <div nz-col [nzSpan]="8">
    <nz-input-group nzSearch [nzAddOnAfter]="suffixButton">
      <input type="text" nz-input placeholder="input search text" />
    </nz-input-group>
    <ng-template #suffixButton>
      <button nz-button nzType="primary" nzSize="large" nzSearch>Search</button>
    </ng-template>
  </div>
</div>
